<script src="view/time/js/moment.min.js"></script>
<script src="view/time/js/datepicker.all.js"></script>
<script type="text/javascript" src="view/jjstree/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="view/jjstree/js/jquery.ztree.excheck.js"></script>
<link rel="stylesheet" href="view/time/css/datepicker.css">
<link rel="stylesheet" href="view/jjstree/css/demo.css" type="text/css">
<link rel="stylesheet" href="view/jjstree/css/zTreeStyle.css" type="text/css">
<!--三级联动地区-->
<link rel="stylesheet" href="css/j-selcetd.css">
<script src="view/Select/js/jquery.combo.select.js"></script>
<link rel="stylesheet" href="view/Select/css/combo.select.css">
<link rel="stylesheet" type="text/css" href="css/j-tablehtml.css">
<link rel="stylesheet" type="text/css" href="view/jdtree/jdtree.css">
<div class="j-dialog" id="ruleDialog">
    <div class="j-dialog-bg small-bg">
        <div></div>
        <div style="height:340px;"></div>
        <div></div>
    </div>
    <div class="j-dialog-con size-small">
        <div class="j-dialog-header">
            <div class="title">新增角色 <div class="close-div" onclick="closeDialog()"></div></div>
        </div>
        <div class="j-dialog-content">
            <form id="form_rule">
                <div class="jdialog-row">
                    <p><span style="color:#f00;">*</span> 角色名称</p>
                    <input type="text" required name="nickName" id="input_nikename">
                </div>
                <div class="jdialog-row rtable_input" style="display:flex; width:308px;">
                    <p><span style="color:#f00;">*</span>所属地区</p>
                    <div class="box">
                        <div class="qrm-pinming" style="border: 1px solid rgba(255,255,255,0.61);">
                            <div class="qrm-input-border" id="qrm_input">
                                <input type="text" readonly placeholder="请选择" class="qrm-input" style="margin-left: 0px;
                                    background: none;
                                    border: none;
                                    border-radius: 0;
                                    color: #fff;
                                    width: inherit;">
                            </div>
                            <div class="qrm-main jdialog-qrm" id="role_qrm_main"></div>
                        </div>
                    </div>
                </div>
                <div class="jdialog-row">
                    <p><span style="color:#f00;">*</span> 菜单权限</p>
                    <div class="j-tree">
                        <!-- <ul id="treeDemo" class="ztree"></ul> -->
                        <ul class="jdul-tree" id="jdul_tree"></ul>
                    </div>
                </div>
                <div class="jdialog-row">
                    <p> 角色标识</p>
                    <input type="text" name="roleMark" id="input_mark">
                </div>
                <div class="jdialog-row">
                    <p> 角色描述</p>
                    <textarea type="text" name="description" id="input_des"></textarea>
                </div>
                <div class="jdialog-btn">
                    <button class="j-btn" onclick="closeDialog()">取消</button>
                    <button class="j-btn primray" id="add_dialog_submit">确定</button>
                </div>
            </form>
            
        </div>
    </div>
</div> 
<div class="table-con">
    <div class="title"><div class="text">角色管理</div></div>
    <!-- 搜索条件 -->
    <div class="j-search-con">
        <div class="border-j-top"></div>
        <div class="border-j-bottom"></div>
        <div class="search-div">
            <div class="j-search-row">
                <div class="item rtable_input">
                    <p>角色名称</p>
                    <input type="text" id="input_search_name">
                </div>
                <div class="j-search-btn" style="margin-top:0;">
                    <button class="j-btn" id="searchClick">查询</button>
                    <button class="j-btn j-btn1" id="resetClick">重置</button>
                </div>
            </div>
        </div>
    </div>
    <div class="j-table-con table_One">
        <div class="border-j-top"></div>
        <div class="border-j-bottom"></div>
        <div class="j-table">
            <button class="j-btn" id="btn_add_dialog">增加</button>
            <div class="cnf_table table_Two" style="min-height: 100px;position: relative;">
                <div class="jid-loading" id="jid_loading"><div class="typing_loader"></div></div>
                <table id="jtable_rule"></table>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jdialog-btn.js"></script>
<script type="text/javascript" src="js/jpop.js"></script>
<script src="view/jdtree/jdtree.js"></script>
<script type="text/javascript" src="js/system/rule.js"></script>